<template>
	<div>
    <el-dialog  title="报名参赛"  :visible.sync="log"  width="700px" :close-on-click-modal="false" :close-on-press-escape="false">

      <div class="flexc mb20">
        <div style="width: 180px; text-align: right; margin-right: 30px;">姓名：</div>
        <el-input v-model="all.name" style="width: 300px; " placeholder="请输入姓名"></el-input>
      </div>

      <div class="flexc mb20">
         <div style="width: 180px; text-align: right; margin-right: 30px;">性别：</div>
         <div>
           <el-radio v-model="all.sex" label="1">男</el-radio>
           <el-radio v-model="all.sex" label="2">女</el-radio>
         </div>
      </div>

      <div class="flexc mb20">
         <div style="width: 180px; text-align: right; margin-right: 30px;">组别：</div>

         <el-select v-model="all.type" style="width: 300px;" placeholder="请选择组别">
             <el-option label="初中生组" value="1" v-if="dangqian.type.includes('1')"></el-option>
             <el-option label="高中生组" value="2" v-if="dangqian.type.includes('2')"></el-option>
             <el-option label="高职生组" value="3" v-if="dangqian.type.includes('3')"></el-option>
             <el-option label="大学生组" value="4" v-if="dangqian.type.includes('4')"></el-option>
             <el-option label="成人组" value="5" v-if="dangqian.type.includes('5')"></el-option>
             <el-option label="小学组" value="6" v-if="dangqian.type.includes('6')"></el-option>
         </el-select>
      </div>


      <div class="flexc mb20">
         <div style="width: 180px; text-align: right; margin-right: 30px;">出生日期：</div>
         <el-date-picker v-model="all.birthday" type="date" value-format="yyyy-MM-dd" style="width: 300px;" placeholder="如：1990-09-19"> </el-date-picker>
      </div>
      <div class="flexc mb20">
         <div style="width: 180px; text-align: right; margin-right: 30px;">身份证号：</div>
         <el-input v-model="all.id_card" style="width: 300px; " placeholder="请输入身份证号"></el-input>
      </div>
      <div class="flexc mb20">
         <div style="width: 180px; text-align: right; margin-right: 30px;">邮箱：</div>
         <el-input v-model="all.email" style="width: 300px; " placeholder="请输入邮箱"></el-input>
      </div>
      <div class="flexc mb20">
         <div style="width: 180px; text-align: right; margin-right: 30px;">学校&单位：</div>
         <el-select v-model="all.unity" remote reserve-keyword placeholder="请输入学校&单位" :remote-method="getunitlist" :loading="loading" filterable style="width: 300px;">
             <el-option :label="item.name" :value="item.name" v-for="(item,index) in danweis" :key="item.id"></el-option>
         </el-select>
      </div>
      <div class="flexc mb20">
         <div style="width: 180px; text-align: right; margin-right: 30px;">&nbsp;</div>
         <div style="font-weight: bold; color: #f00; font-size: 12px;">若列表中没找到您的单位或者学校，请在下面输入框填写</div>
      </div>
      <div class="flexc mb20">
         <div style="width: 180px; text-align: right; margin-right: 30px;">&nbsp;</div>
         <el-input v-model="all.unity" style="width: 300px; " placeholder="请输入学校&单位"></el-input>
      </div>
      <div class="flexc mb20">
         <div style="width: 180px; text-align: right; margin-right: 30px;">手机号：</div>
         <el-input v-model="all.phone" style="width: 300px; " placeholder="请输入手机号"></el-input>
      </div>
      <div class="flexc mb20">
         <div style="width: 180px; text-align: right; margin-right: 30px;">验证码：</div>
         <div style="position: relative;" class="inp200">
           <el-input v-model="all.code" style="width: 200px; " placeholder="请输入验证码"></el-input>
           <div style="position: absolute; right: 10px; top:10px; cursor: pointer;" @click="getcode()" >{{daojishiname}}</div>
         </div>
         <div style="margin-left: 10px; color: #f00; font-size: 12px;">来自【透明盾】</div>
      </div>
      <!-- <div class="flexc mb20">
         <div style="width: 180px; text-align: right; margin-right: 30px;">渠道：</div>
         <el-select v-model="all.channel" filterable  style="width: 300px;" placeholder="请输入渠道">
             <el-option :label="item.channel_name" :value="item.id" v-for="(item,index) in qudaos" :key="item.id"></el-option>
         </el-select>
      </div> -->

      <div class="flexc mb20">
         <div style="width: 180px; text-align: right; margin-right: 30px;">支付方式：</div>

         <el-select v-model="all.pay_type" style="width: 300px;" placeholder="请选择支付方式">
             <el-option label="微信" :value="0" ></el-option>
             <el-option label="支付宝" :value="2" ></el-option>
         </el-select>
      </div>

      <div class="flexc mb20">
         <div style="width: 180px; text-align: right; margin-right: 30px;">国籍：</div>
         <el-input v-model="all.country" style="width: 300px; " placeholder="请输入国籍"></el-input>
      </div>
      <!-- <div class="flexc mb20">
         <div style="width: 180px; text-align: right; margin-right: 30px;">居住地址(选填)：</div>
         <el-input v-model="all.address" style="width: 300px; " placeholder="请输入居住地址"></el-input>
      </div> -->
      <div class="flexc mb20">
         <div style="width: 180px; text-align: right; margin-right: 30px;">奖品邮寄地址(选填)：</div>
         <el-input v-model="all.post_address" style="width: 300px; " placeholder="请输入奖品邮寄地址"></el-input>
      </div>
      <div class="flexc mb20">
         <div style="width: 180px; text-align: right; margin-right: 30px;">邮编(选填)：</div>
         <el-input v-model="all.post_code" style="width: 300px; " placeholder="请输入邮编"></el-input>
      </div>

      <div class="flexc mb20">
         <div style="width: 180px; text-align: right; margin-right: 30px;">&nbsp;</div>
         （选填项可后补，请您确保领奖时信息准确有效）
      </div>





      <div class="flexc mb20" style="padding-left: 210px; font-size: 12px;">
        <el-checkbox v-model="checked">我已经阅读</el-checkbox>
        <span style="color: #0872BA; cursor: pointer;" @click="log2 = true">《活动参与条款》</span>
        <span style="color: #0872BA; cursor: pointer;" @click="log4 = true">《ADIC AI无人机创新文化竞技活动参与承诺书》</span>
        <span style="color: #0872BA; cursor: pointer;" @click="log5 = true">《推广志愿者授权书》</span>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" round @click="fabu">报名</el-button>
      </div>

    </el-dialog>

    <el-dialog  title="活动参与条款"  :visible.sync="log2"  width="700px" :close-on-click-modal="false" :close-on-press-escape="false">
      <div>
        <div>尊敬的活动参与选手： 您好!</div>
        <div>请您仔细阅读以下报名参与活动的相关条款：</div>
        <div>前提：</div>
        <div>1.未成年报名者在提交报名资料前应先取得监护人同意。</div>
        <div>2.若您不理解或不接受其中的任何内容，请先慎重考虑、暂勿报名。当您通过本大赛官网或ADIC公众号报名系统向赛事组委会提交报名材料，即表明您已阅读、理解、并接受以下全部参与活动条款。</div>
        <div>一、安全参与活动</div>
        <div>全体参与活动人员须充分理解并承诺确保安全，是本系列活动持续发展的前提。为保护全体参与活动人员及活动组织单位的权益，根据相关法律法规，全体参与活动人员报名参加第一届AIDC AI无人机创新竞技活动即表示理解、接受、并确保遵守以下安全条款：</div>
        <div>1.全体参与活动人员须保证具有完全民事行为能力，并且具备独立测试、操控无人机的能力，需保证仔细阅读活动参与承诺书、推广志愿者授权书等相关规定文件。</div>
        <div>2.在活动期间，保证所有无人机的制作（如涉及）、测试、使用等行为不会给己方队员及对方队员、工作人员、观众、设备和比赛场地造成伤害。</div>
        <div>3.保证无人机的结构设计（如涉及）能充分配合到赛前无人机安全检查检录的方便性，并积极配合赛事主办方的赛前检录。</div>
        <div>4.保证不使用任何燃油驱动的发动机、爆炸物、以高压气体为工作气体的设备、以及其它危险物品等。</div>
        <div>5.在研发备赛和参与活动的任何时段，参与活动队员需充分注意安全问题，指导教师需负起安全指导和监督的责任。</div>
        <div>6.全体参与活动人员含指导老师，应充分了解机械设备的操作具有一定风险性，在比赛现场需确保个人操作及观看时的安全，遵守活动组委会在活动期间制定的全部安全规章和制度，为个人安全的第一责任人。如发生非主办单位原因造成的个人伤害，由个人承担相关责任。</div>
        </div><div>7.全体参与活动人员含指导老师，须充分尊重组委会及承办方的活动组织工作，充分遵守参与活动条例、竞技纪律、竞技规则、竞技安排。承诺在活动期间以及活动前后，均充分尊重并服从现场裁判做出的最终判罚，尊重组委会及承办方所邀请的专家裁判组、活动工作人员、活动赞助商代表。不得以任何理由在现场和（或）网上干扰、阻扰、攻击、诋毁组委会及承办方、各类型工作人员的活动组织工作、裁判的竞技判罚工作。
        </div><div>二、保密条款
        </div><div>1.全体参与活动人员含指导老师，应以谨慎负责的态度，尽可能采取一切必要、合理的措施，对可能涉及组委会及承办单位商业秘密的相关信息进行保密。
        </div><div>三、隐私权
        </div><div>1.当您报名参加第一届ADIC AI无人机创新竞技活动时，组委会及承办单位需要您提供必要的相关信息，包括而不仅限于：姓名、性别、身份证号、联络方式、所在学校、等直接或间接的个人身份信息，请您充分理解并积极配合提供，组委会及承办单位承诺上述信息仅用于本系列活动专用，不会用于其它任何非活动相关的用途。
        </div><div>2.为完成活动组织与管理相关工作，我们将在组委会及承办单位内部，使用全体参与活动队员的个人信息用于包括但不限于保险购买、活动注册、竞技分组等等与活动相关的事宜。
        </div><div>3.如政府部门、司法机关等依照法定程序要求披露个人信息时，组委会及承办单位将根据执法单位之要求或出于公共安全之目的提供个人信息，在此情况下之任何披露均免责。
        </div><div>4.参与活动条款的解释及修改权归组委会所有，保留在任何时间不经通知更新修改本使用条款的权利。任何违反参与活动条款的行为并由此造成对本系列比赛正常进行的干扰、阻碍以及损失，组委会有权采取法律措施。
        </div><div>四、其他须知：
        </div><div>活动获奖证书上涉及的获奖人姓名等均使用系统报名信息，请确保系统提交信息准确。因证书制作及盖章需要时间，颁奖当日只颁发奖杯/奖牌，证书会在赛后进行统一邮寄。
        </div><div>五、网上缴费
        </div><div>1.全部参与活动选手均需通过活动官网（即本网站）或ADIC公众号缴纳参与活动服务费。参与活动者完成缴费后状态变更为“报名成功 (已缴费)”即视之为完成报名。
        </div><div>2.参与活动服务费用包含组委会指定仿真平台使用费：
        </div><div>● 活动费用，300元/人
        </div><div>3.缴费时请务必填写真实姓名、真实身份证号、真实手机号，否则视为报名无效。
        </div><div>4.一旦报名成功并完成缴费，如非主办方原因导致的无法最终参与活动（包括但不限于报名信息提交错误、缴费备注错误、交通延误、个人原因、临时事件等等），相关费用概不退还。
        </div><div>5. 本次活动每位用户仅享有一次成功报名资格。用户一旦成功报名，若选择退出活动，将不再具备重新参与本次活动的资格。关于退费事宜，将在本次活动结束后的10个工作日内集中办理。退费时，将依法扣除相当于报名缴费金额5%的平台服务费。
      </div>

      <div slot="footer" class="dialog-footer">
        <el-button type="primary" round @click="log2 = true">确定</el-button>
      </div>

    </el-dialog>

    <el-dialog  title="ADIC AI无人机创新文化竞技活动参与承诺书"  :visible.sync="log4"  width="700px" :close-on-click-modal="false" :close-on-press-escape="false">
      <div>
        <div>本人自愿报名参加ADIC AI无人机创新文化竞技活动（以下简称“本次活动”），并承诺如下：
        </div><div>一、活动规则
        </div><div>1. 我已仔细阅读并理解ADIC AI无人机创新文化竞技活动规程（以下简称“活动规程”），包括但不限于：
          </div><div> * 活动流程：海选、模拟竞技、模拟及实战竞技等阶段的具体安排。
          </div><div> * 竞技规则：各阶段的比赛形式、评分标准、比赛设备、安全规范等。
          </div><div>* 奖项设置：各组别奖项设置、奖金分配、获奖条件等。
          </div><div>* 选手权益：选手待遇、福利、人才库入选条件等。
          </div><div>* 其他相关规定：报名方式、参赛资格、活动时间、地点等。
        </div><div>2. 我承诺严格遵守活动规程，服从活动安排，如有违反，自愿承担一切后果。
        </div><div>二、信息真实性
        </div><div>1. 我保证所提供的个人信息真实有效，包括但不限于姓名、年龄、身份证号、联系方式等。
        </div><div>2. 我同意主办方使用我的个人信息用于本次活动相关事宜，包括但不限于报名、参赛、颁奖、人才库建设等。
        </div><div>3. 我理解并接受主办方对个人信息进行必要的核实，如有虚假，自愿承担一切后果。
        </div><div>三、参赛资格
        </div><div>1. 我确认符合活动报名要求，并具备参赛资格，包括但不限于：
            </div><div>* 年龄要求：根据我所属组别，我已达到相应的年龄要求。
            </div><div>* 学历要求：根据我所属组别，我已具备相应的学历要求。
            </div><div>* 技术要求：根据我所属组别，我已具备一定的无人机操作技能和知识。
       </div><div> 2. 我承诺在比赛中使用的无人机设备符合活动规程要求，并保证设备安全可靠。
       </div><div> 四、竞技精神
       </div><div> 1. 我承诺在比赛中展现良好的竞技精神，尊重裁判，尊重对手，服从判决，公平竞争。
       </div><div>  2. 我理解并接受在比赛中可能出现的意外情况，并自行承担相关责任。
       </div><div> 3. 我承诺遵守赛场秩序，维护赛场安全，爱护比赛设备。
       </div><div> 五、活动宣传
       </div><div> 1. 我将积极参与活动宣传，通过社交媒体、朋友圈等渠道扩大活动影响力。
       </div><div> 2. 我同意主办方使用我的参赛照片、视频等素材进行活动宣传。
       </div><div> 六、活动推广
       </div><div> 1.我理解并接受“推三返一”的推广政策，即每成功推荐一名参赛选手，本人可获得一定的佣金，并根据《中华人民共和国个人所得税法》等相关法律法规，依法扣除劳务报酬所得税，并另行扣除5%的平台手续费。
       </div><div>  2.我承诺积极参与活动推广，通过社交媒体、朋友圈等渠道扩大活动影响力。
       </div><div>  3.我同意主办方使用我的参赛照片、视频等素材进行活动推广。
       </div><div> 六、免责声明
       </div><div> 1. 我理解并接受在活动中可能出现的意外情况，包括但不限于设备故障、操作失误、天气原因等，并自行承担相关责任。
       </div><div> 2. 我理解并接受主办方对本次活动拥有最终解释权。
       </div><div> 3. 我已仔细阅读并理解本承诺书所有内容，并自愿签署。
       </div><div> 七、其他
       </div><div> 1. 本承诺书适用于所有参赛选手，包括青少年组、成人组等。
       </div><div> 2. 参赛选手在报名时勾选同意本承诺书，即视为签署本承诺书，并承诺遵守以上内容。
       </div><div> * 本承诺书内容如有修改，以最新版本为准。
       </div><div> * 本承诺书的最终解释权归活动主办方及百耀竞技（北京）科技有限公司共同所有。任何关于本承诺书的疑问或争议，将由双方共同协商解决，并以双方的共同解释为准。</div>
      </div>

      <div slot="footer" class="dialog-footer">
        <el-button type="primary" round @click="log4 = true">确定</el-button>
      </div>

    </el-dialog>

    <el-dialog  title="推广志愿者授权书"  :visible.sync="log5"  width="700px" :close-on-click-modal="false" :close-on-press-escape="false">
      <div>
        <div>推广志愿者授权书
        </div><div>授权事项：
        </div><div>本人（授权人）自愿授权本人（被授权人）作为第一届ADIC AI无人机创新文化竞技活动的推广志愿者，并享有以下权利：
        </div><div>一、推广权限：
        </div><div>被授权人有权通过自身渠道，包括但不限于社交媒体、线下活动、朋友推荐等方式，进行活动的推广和宣传。
        </div><div>二、推荐奖励：
        </div><div>被授权人通过推广成功推荐选手报名参加活动，将根据以下规则获得报名费返佣奖励：
        </div><div>成功推荐第1人报名，获得10%报名费返佣。
        </div><div>成功推荐第2人报名，获得20%报名费返佣。
        </div><div>成功推荐第3人报名，获得70%报名费返佣。
        </div><div>成功推荐第4人报名，获得10%报名费返佣。
        </div><div>依次类推，无限返还。
        </div><div>三、收益结算：
        </div><div>被授权人推广所得收益将在活动报名截止日期后的10个工作日内进行结算。结算时将根据《中华人民共和国个人所得税法》等相关法律法规，依法扣除劳务报酬所得税，并另行扣除5%的平台手续费。被授权人的返佣收益数据，以平台数据为准。平台方不提供详细对账数据，仅提供收益汇总信息。
        </div><div>四、信息保护：
        </div><div>双方均应遵守相关法律法规，保护对方的个人信息和商业秘密。
        </div><div>五、保密条款：
        </div><div>被授权人应妥善保管与活动相关的所有资料和信息，未经授权不得向任何第三方泄露。若授权人个人信息泄露导致活动信息发生泄露，被授权人亦应承担相应的法律责任，活动组委会不承担任何责任。
        </div><div>六、最终解释权：
        </div><div>本授权书的最终解释权归活动组委会所有。
        </div><div>七、授权期限：
        </div><div>自本授权书签订之日起至第一届ADIC AI无人机创新文化竞技活动结束之日止。
        </div><div>八、违约责任：
        </div><div>若任何一方违反本授权书约定，应承担相应的法律责任。
        </div><div>九、争议解决：
        </div><div>双方在履行本授权书过程中发生争议，应协商解决；协商不成的，任何一方均有权向活动组委会所在地人民法院提起诉讼。
        </div><div>十、不可抗力：
        </div><div>如遇不可抗力因素导致活动无法继续进行，本协议自动终止，双方互不承担违约责任。
        </div><div>十一、免责声明：
        </div><div>1. 我理解并接受主办方对本次活动拥有最终解释权。
        </div><div>2. 我已仔细阅读并理解本协议所有内容，并自愿签署。
        </div><div>十二、其他约定：
        </div><div>本授权协议的最终解释权归活动主办方及百耀竞技（北京）科技有限公司共同所有。任何关于本授权协议的疑问或争议，将由双方共同协商解决，并以双方的共同解释为准。</div>

      </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" round @click="log5 = true">确定</el-button>
      </div>

    </el-dialog>

    <el-dialog title="付款" :visible.sync="log3" width="340px" :close-on-click-modal="false" :close-on-press-escape="false">
      <div class="flexbc">

        <div style="text-align: center; font-size: 16px; " >
          <div style="margin-bottom: 30px; font-weight: bold;" v-if="all.pay_type == 0">微信支付</div>
          <div style="margin-bottom: 30px; font-weight: bold;" v-if="all.pay_type == 2">支付宝支付</div>
          <div class="qrcode" ref="qrCodeUrl" style="margin: 0 auto; max-width: 100%;"></div>
        </div>

      </div>

      <div style="margin-top: 50px; text-align: center; font-size: 16px; font-weight: bold;">付款后关闭即可，报名查询请进入”查看报名“页面，或者公众号”ADIC“。</div>
    </el-dialog>
	</div>
</template>

<script>
  import _ from 'lodash';
  import QRCode from 'qrcodejs2'
  import top from '../top.vue'
	export default {
		name: 'kaoguanguanli',
    components:{
      top
    },
    props:['id'],
		data() {
			return {
        daojishisv:"",
        daojishiname:'获取验证码',
        daojishi:60,

        checked:false,

        log2:false,
        log3:false,
        log4:false,
        log:false,
        log5:false,

        all:{
          competition_id:"",
          name:"",
          sex:"",
          birthday:"",
          id_card:"",
          email:"",
          unity:"",
          phone:"",
          mobile:"",
          channel:parseInt(this.$route.query.channel_code) || '',
          country:"",
          address:"",
          post_address:"",//奖品邮寄地址
          post_code:"",
          pay_type:0,
          openid:"",
          type:[],
          inv_user_id:parseInt(this.$route.query.inv_user_id) || '',
          channel_code:parseInt(this.$route.query.channel_code) || '',
        },

        erweima:"",

        dangqian:{
          type:[]
        },
        qudaos:[],
        danweis:[],

        xunhuan:"",
        pay_id:"",
        loading:false
			}
		},
		created() {

      axios.get(this.IP_URL+'/api/enrolment/channellist').then((response)=>{
      	if (response.data.msg.code == 0) {
      		this.qudaos = response.data.data
      	} else {
      		this.$message.error(response.data.msg.info);
      	}
      })

      // axios.get(this.IP_URL+'/api/enrolment/unitlist').then((response)=>{
      // 	if (response.data.msg.code == 0) {
      // 		this.danweis = response.data.data
      // 	} else {
      // 		this.$message.error(response.data.msg.info);
      // 	}
      // })

		},
		mounted() {

		},
    beforeDestroy() {
      clearInterval(this.xunhuan)
    },
		methods: {

      getunitlist: _.debounce(function(query) {
        console.log(query)
        if (query !== '') {
          this.loading = true;
          axios.get(this.IP_URL+'/api/enrolment/unitlist?keywords='+query).then((response)=>{
          	if (response.data.msg.code == 0) {
              this.loading = false;
          		this.danweis = response.data.data
          	} else {
              this.loading = false;
          		this.$message.error(response.data.msg.info);
          	}
          })
        } else {
          this.danweis = [];
        }
      }, 500),

      creatQrCode() {
        this.$refs.qrCodeUrl.innerHTML = '';
        var qrcode = new QRCode(this.$refs.qrCodeUrl, {
            text: this.erweima,
            width: 300,
            height: 300,
            colorDark: '#000000',
            colorLight: '#ffffff',
            correctLevel: QRCode.CorrectLevel.H
        })
      },
      getcode:function(){
        if(this.all.phone.length != 11){
          this.$message.error('请输入正确手机号');
          return
        }
        if(this.daojishiname != '获取验证码'){
          return
        }
        axios.post(this.IP_URL+'/api/sms/code?phone='+this.all.phone).then((response)=>{
        	if (response.data.msg.code == 0) {
            this.daojishisv = setInterval(()=>{

              if(this.daojishi > 0){
                this.daojishi = this.daojishi - 1
                this.daojishiname = this.daojishi+'秒后再获取'
              }else{
                this.daojishi = 60
                clearInterval(this.daojishisv)
                this.daojishiname = '获取验证码'
              }

            },1000)
        	} else {
        		this.$message.error(response.data.msg.info);
        	}
        })
      },

      baomingkai:function(item){

        let id = this.id || this.$route.query.id
        axios.get(this.IP_URL+'/api/competition/info?id=' + id).then((response)=>{
        	if (response.data.msg.code == 0) {
        		this.dangqian = JSON.parse(JSON.stringify(response.data.data))
        		this.all.competition_id = id
        		this.log = true
        	} else {
        		this.$message.error(response.data.msg.info);
        	}
        })
      },

      xunhuans:function(){
        this.xunhuan = setInterval(()=>{
          axios.get(this.IP_URL+'/api/enrolment/paynotify?id=' + this.pay_id).then((response)=>{
          	if (response.data.msg.code == 0) {
          		clearInterval(this.xunhuan)
              this.log3 = false
              this.$router.push('/baoming?name='+this.all.name+'&phone='+this.all.phone)
          	} else {
          		// this.$message.error(response.data.msg.info);
          	}
          })
        },1000)
      },

      fabu:function(){
        if(!this.checked){
          this.$message.error('请先阅读并同意“报名参赛条款”');
          return false
        }
        if(this.all.pay_type != 0 && this.all.pay_type != 2 ){
          this.$message.error('请选择支付方式');
          return false
        }

        axios.post(this.IP_URL+'/api/enrolment/save',this.all).then((response)=>{
        	if (response.data.msg.code == 0) {
        		this.$message.success('操作成功');
            if(this.all.pay_type == 0){
              this.erweima = response.data.data.code_url
            }else{
              this.erweima = response.data.data.qr_code
            }
            this.pay_id = response.data.data.pay_id
            this.xunhuans()

            this.log = false

            //成功后生成二维码
            this.log3 = true
            this.$nextTick(()=>{
              this.creatQrCode()
            })
        	} else {
        		this.$message.error(response.data.msg.info);
        	}
        })

      }

    }
	}
</script>


<style scoped >
  /deep/ .inp200 .el-input__inner{ width: 200px !important;}
</style>
